<template>
  <div>
    <div class="middleNav">
      <div class="mNav-a">
        <div class="mnBox">
          <div class="mnBox-i" v-for="(v,i) in imgurl" :key="i">
            <div>
              <div>
                <img :src="v" />
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: ["imgurl"]
};
</script>

<style scoped>
.middleNav {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-content: flex-start;
}
.mNav-a {
  margin-left: 0.12rem;
  width: 3.51rem;
  margin-bottom: 0.1rem;
}
.mnBox {
  display: flex;
}
.mnBox-i {
  display: flex;
  flex: 1;
}
.mnBox-i img {
  display: flex;
  width: 0.86rem;
  height: 1.21rem;
  opacity: 1;
  border-radius: 0.04rem;
}
</style>